<template>
	<view>
		
		<view class="module" v-if="mjBgimg.brand_activity_rule">
			<uNavbar title="" bgColor="transparent" ></uNavbar>
			<image :src="mjBgimg.brand_activity_rule" mode=""></image>
		</view>
		<!-- 暂无数据 / 加载更多 -->
		<view class="nodata flex_ZC" v-else>
			<image  class="nodata_img"  src="../../static/image/noData.png" mode="aspectFill"></image>
			<text class="nodata_tit">暂无相关数据</text>
		</view>
		
<!-- <uNavbar title="" bgColor="transparent"></uNavbar> 
		<view class="explain">
			<view class="explain_tit flex_ZC">
				<text>秘境挖宝</text>
				<text>活动规则</text>
			</view>
			<image src="../../static/image/bg7.png" mode=""></image>
		</view>
		<view class="activation">
			<view class="activation_box">
				<view class="introduce flex_Z">
					<view class="introduce_img">
						<image src="../../static/image/ribbon.png" mode=""></image>
						<text click="tit2">激活秘境</text>
					</view>
					<text class="text2">不同主题的秘境需要指定的藏品进行开启秘境;用于开启秘境的藏品不可交易、不可兑换、不可转赠、不可合成等其他操作;</text>
				</view>
				
				<view class="introduce flex_Z">
					<view class="introduce_img">
						<image src="../../static/image/ribbon.png" mode=""></image>
						<text click="tit2">激活秘境</text>
					</view>
					<text class="text2">不同主题的秘境需要指定的藏品进行开启秘境;用于开启秘境的藏品不可交易、不可兑换、不可转赠、不可合成等其他操作;</text>
				</view>
				
				<view class="introduce flex_Z">
					<view class="introduce_img">
						<image src="../../static/image/ribbon.png" mode=""></image>
						<text click="tit2">激活秘境</text>
					</view>
					<text class="text2">不同主题的秘境需要指定的藏品进行开启秘境;用于开启秘境的藏品不可交易、不可兑换、不可转赠、不可合成等其他操作;</text>
				</view>
			</view>
		</view> -->
	</view>
</template>

<script>
	import {secretConfig} from "../../api/secretRealm.js";
	export default {
		data() {
			return {
				levelImages: '',
				gradeInfo: {},
				mjBgimg:{}
			}
		},
		onLoad() {
			this.initConfig()
		},
		methods: {
			// 配置文件
			initConfig(){
				secretConfig({}).then(res => {
					console.log(11111,res);
					if (res.code == 1) {
						this.mjBgimg = res.data
					}
				})
			},
		},
	}
</script>
<style>
	page {
		background: #211E38;
	}
</style>
<style scoped>
	@font-face {
		font-family: 'iconfont2';
		src: url("~@/iconfont/YouSheBiaoTiHei.ttf");
	}
.module{
	position: relative;
	width: 750rpx;
	height: 100vh;
}
.module>image{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	/* opacity: 0.7; */
}
	.explain {
		position: relative;
		width: 750rpx;
		height: 714rpx;
		/* background: pink; */
		margin-top: 180rpx;
	}

	.explain>image {
		width: 714rpx;
		height: 100%;
		margin-left: 36rpx;
	}

	.explain_tit {
		width: 100%;
		position: absolute;
		top: -200rpx;
		font-size: 130rpx;
		color: #ffffff;
	}

	.explain_tit>text {
		font-family: 'iconfont2';
		background: linear-gradient(51deg, #03D0E2 0%, #EC3DEE 100%);
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;
	}
	.activation{
		position: absolute;
		bottom: 0;
		left: 50%;
		transform: translateX(-50%);
		width: 718rpx;
		height: 740rpx;
		background: linear-gradient( 180deg, #0C0931 0%, #100534 100%);
		box-shadow: 0rpx 0rpx 106rpx 0rpx rgba(255,255,255,0.2);
		border-radius: 26rpx 26rpx 0 0;
		border: 2rpx solid rgba(255,255,255,0.6);
		margin: 0 auto;
		/* transform: translateY(-80rpx); */
	}
	.activation_box{
		width: 628rpx;
		margin: 50rpx auto 0;
	}
	.introduce{
		position: relative;
		width: 100%;
		color: #ffffff;
		/* background: pink; */
	}
	.text2{
		font-size:28rpx ;
		margin: 10rpx 0;
	}

	.introduce_img{
		position: relative;
	}
	.introduce_img>image{
		width: 100%;
		height: 60rpx;
	}
	.introduce_img>text{
		position: absolute;
		top: 10rpx;
		left: 50%;
		transform: translateX(-50%);
		color: #ffffff;
		font-size: 36rpx;
	}
	
	.nodata {
		width: 100%;
		/* height: 800rpx; */
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		margin: 80rpx auto;
		/* background: #ffffff; */
		border-radius: 0 0 16rpx 16rpx;
	}
	
	.nodata_img {
		width: 290rpx;
		height: 240rpx;
	}
	
	.nodata_tit {
		font-size: 28rpx;
		color: #c0c4cc;
	}
	
	
	
</style>